* {
    font-family: "微软雅黑";
    font-size: 14px;
    margin: 0;
    padding: 0;
}
body {
    background: RGB(250,250,250);
    position: relative;
    height: 100%;
}
a{
    text-decoration: none;
}
ul li {
    list-style: none;
}
.nav_div {
    width: 100%;
    height: 50px;
    background: white;
    border-top: 2px solid RGB(250,125,60);
    #logo{
        width: 100px;
        padding: 10px 10px 10px 50px;
        display: inline-block;
        img{
            width: 30px;
            height: 30px;
        }
    }
    #nav{
        display: inline-block;
        vertical-align: top;
        height: 100%;
        padding-left: 20%;
        box-sizing: border-box;
        .nav_ul{
            height: 100%;
            li{
                height: 100%;
                display: inline-block;
                line-height: 50px;
                a{
                    color: black;  
                }
            }
            li:after{
                content: "|";
                color: lightgray;
                padding: 10px;
            }
            li:last-child:after{
                content: "";
            }
        }
        .menu{
        	vertical-align: top;
            height: 100%;
            position: absolute;
            right: 5%;
            .menu_btn{
            	display: block;
            	padding-top: 15px;
            }
        	.menu_content{
        		display: none;
        		position: absolute;
        		left: -50px;
        		z-index: 666;
        		.menu_content_ul{
        			background: white;
        			border:1px solid gray;
        			.menu_content_li{
        				padding: 10px;
        				box-sizing: border-box;
        			}
        		}
        	}
        }
    }
    #search{
        display: none;
 /*     display: inline-block;*/
        width: 300px;
        height: 100%;
        vertical-align: top;
        padding-top: 11px;
        padding-left: 22px;
        box-sizing: border-box;
        input{
            height: 30px;
            width: 300px;
            padding: 5px;
            box-sizing: border-box;
        }
    }
}

#contain{
	top: 20px;
	margin-top: 20px;
}

#contain .module{
	width: 80%;
	margin: auto;
	/*height: 100%;*/
	/*background: white;*/
}

.mask{
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background: black;
	opacity: 0;
	display: none;
}

@media only screen and (max-width: 640px) {
	#contain .module{
	width: 100%;
	margin: auto;
	/*height: 100%;*/
	/*background: white;*/
}
}